module.exports = {
  // 2. postcss + flexible使用（main.js和这里配置即可）
  // 2.1 import 'lib-flexible/flexible'//在main.js引入
  // 2.2 plugins: {
  //   'autoprefixer': {
  //     browsers: ['Android >= 4.0', 'iOS >= 7']
  //   },
  //   'postcss-pxtorem': {
  //     rootValue: 37.5,
  //     propList: ['*']
  //   }
  // }

  /*
  按需加载不是在组件内部使用Vue.use(组件)，这样也是执行install方法注入
  正确方式是(写在components内才是局部，按需加载)：
  <script>
  import {Swipe, SwipeItem} from 'vant'
  export default {
    name: 'Home',
    components: {
      [Swipe.name]: Swipe,
      [SwipeItem.name]: SwipeItem
    }
  }
  </script>
  */

  plugins: {
    // 1. postcss-pxtorem + autoprefixer + amfe-flexible使用
    // main.js引入： import 'amfe-flexible/index.js'
    // 还去了vue.config.js配置webpack？？？猜测多余
    'autoprefixer': {
      overrideBrowserslist: [
        'Android 4.1',
        'iOS 7.1',
        'Chrome > 31',
        'ff > 31',
        'ie >= 8'
      ]
    },
    'postcss-pxtorem': {
      // 设计稿750px
      rootValue: 37.5,
      propList: ['*']
    }
  }
}